const Main03Child = require('./main03Child');
// 主题思路：
// 点击外层卡片导航，活动data-card-name的值。用变量去接收。然后同步更新给卡片弹出层左侧导航，已经顶部title。以及右侧cont值
// 获取外层卡片的集合
const Gv = {};
Gv.arrList = {
    'yxkf': '游戏开发',
    'znhl': '智能互联',
    'aiaq': 'AI安全',
    'tmcy': '条漫大赛',
    'ycwx': '原创文学',
    'qndy': '青年导演',
    'qnyy': '青年演员',
    'qnbj': '青年编辑',
    'yycy': '音乐创意',
    'cysj': '文创设计',
    'dsp': '短视频'
};
Gv.arrList2 = {
    'yxkf': 'yxkf',
    'znhl': 'znhl',
    'aiaq': 'aiaq',
    'tmcy': 'tmcy',
    'ycwx': '原创文学',
    'qndy': '青年导演',
    'qnyy': '青年演员',
    'qnbj': '青年编辑',
    'yycy': '音乐创意',
    'cysj': '文创设计',
    'dsp': '短视频'
};
const pagePool = {
    childView: null
};
let Main03 = function () {
    // 第一步，获取各个DOM元素
    let _that = this;
    let _count = true;
    let _zoom = 0;
    // 外层卡片大盒子层
    let cardList = $('.card-list');
    // floatMatch大盒子层
    let floatMatchEl = $('.floatMatch');
    // 顶部返回按钮
    let FMback = floatMatchEl.find('.btn-back-zoom');
    let FMtitle = floatMatchEl.find('.top .text-title');
    // 左侧导航盒子
    let navList = floatMatchEl.find('.left-nav');
    // 右侧内容区域
    let contList = floatMatchEl.find('.right-cont');
    // let boxTitle = contList.find('.text-title');

    // floatMatch3个大盒子层
    let mainPage = floatMatchEl.find('.main-page');
    let oldPageEl = floatMatchEl.find('.old-page');
    let ipPageEl = floatMatchEl.find('.ip-page');
    let nowPageEl = $('.now-page');
    // oldpage页面的子元素
    let cardName = 'znhl'; // 默认值为第一个
    _that.init = function () {
        let floatMatchShow = function () {
            if (_count) {
                _count = false;
                let cardBtn = $(this);
                cardName = cardBtn.data('cardName');
                // let titleName = Gv.arrList[cardName];
                // 设置title的值
                FMtitle.html(`<div class="title-img ${cardName}"></div>`);
                // 设置左侧导航的选中值
                navList.find(`.${cardName}`).addClass('active').siblings().removeClass('active');
                // 设置右侧内容的文字部分
                contList.find(`.${cardName}`).addClass('active').siblings().removeClass('active');
                // 设置最外层卡片的选择部分
                cardList.find(`.${cardName}`).addClass('active').siblings().removeClass('active');
                _that.show();
                _zoom += 1;
                _count = true;
            }
        };
        cardList.on('click', '.btn-href', floatMatchShow);
        FMback.on('click', function () {
            if (_count) {
                _count = false;
                if (_zoom === 1) {
                    _that.hide();
                } else {
                    mainPage.addClass('show').siblings().removeClass('show');
                }
                _zoom -= 1;
                _count = true;
            }
        });
        navList.on('click', '.btn-nav', floatMatchShow);
        // 内容详情页展示部分，为每个展开的选项卡事件委托
        let boxShow = function () {
            if (_count) {
                _count = false;
                let BoxEl = $(this).parent();
                if (BoxEl.hasClass('active')) {
                    BoxEl.removeClass('active');
                } else {
                    BoxEl.addClass('active');
                }
                main03Swiper.update();
                _count = true;
            }
        };
        contList.on('click', '.text-title', boxShow);
        let oldPageShow = function () {
            oldPageEl.addClass('show').siblings().removeClass('show');
            oldPageEl.find(`.${cardName}`).addClass('show').siblings().removeClass('show');
            _zoom += 1;
        };
        let nowPageShow = function () {
            nowPageEl.addClass('show');
            nowPageEl.find(`.${cardName}`).addClass('show').siblings().removeClass('show');
        };
        let ipPageShow = function () {
            ipPageEl.addClass('show').siblings().removeClass('show');
            ipPageEl.find(`.${cardName}`).addClass('show').siblings().removeClass('show');
            _zoom += 1;
        };
        // 卡片内容底下按钮
        // goto往期回顾
        contList.on('click', '.go-old', oldPageShow);
        // gitIp下载
        contList.on('click', '.go-ip', ipPageShow);
        // goto报名方式
        contList.on('click', '.go-now', nowPageShow);
        let ChildView = function () {
            // 接收子级元素层
            pagePool.childView = pagePool.childView || new Main03Child();
            let childView = pagePool.childView;
            childView.init();
        };
        ChildView();
    };
    _that.show = function () {
        floatMatchEl.addClass('show');
        _zoom = 0;
    };
    _that.hide = function () {
        floatMatchEl.removeClass('show');
    };
    _that.init();
};
module.exports = Main03;
